<template>
  <div >
<van-nav-bar
  :title="combination.name"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>

<div v-html="combination.con" class="des">
</div>


</div>
</template>

<script>
import { mapState,mapGetters,mapMutations,mapActions } from "vuex";

// <div v-html="res.des" style="font-size:0.8rem;padding:0.2rem">
// </div>

export default {
  components: {

  },

  data() {
    return {
     loading:false,
     finished:true,
     combination:{}
    }
  },
  computed:{
    ...mapGetters("dataArr", ["classList"]),
   index(){
     return this.$route.params.index
   },
   combinationindex(){
     return this.$route.params.combinationindex
   }
  },
  mounted(){
      // this.classListF(this.id).then(res=>{
      //   console.log(res)
      //   this.res = res
      // })id

    this.classListF(this.index).then(res=>{
      const { combination } = res
      this.combination = combination.filter(item=>item.index==this.combinationindex)[0]
      // this.combination = this.combination.filter(item=>item.index==this.combinationindex)[0]
      console.log(this.combination)
    })
  },
  methods: {
     ...mapActions("dataArr", ["classListF"]),
     onLoad(){},
    onClickLeft() {
      // Toast('返回');
      this.$router.go(-1)

    },

  }
};
</script>

<style lang="less">
.des{ padding:1rem;padding-bottom:2.8rem

}
.des p{ margin:0.5rem auto; line-height:1.6rem}
</style>
